/* 现代UI样式文件 - 主题定义 */

/* 颜色变量 */
* {
    -primary-color: #4080ff;
    -primary-hover: #3070ee;
    -primary-pressed: #2060dd;
    -secondary-color: #f5f5f5;
    -secondary-hover: #e5e5e5;
    -secondary-pressed: #d5d5d5;
    -text-color: #333333;
    -text-light: #606060;
    -text-lighter: #999999;
    -border-color: #e0e0e0;
    -background-color: #ffffff;
    -background-secondary: #fafafa;
    -shadow-color: rgba(0,0,0,0.05);
}

/* 三栏布局容器 */
.three-column-container {
    -fx-background-color: -background-color;
}

/* 左侧导航栏 */
.left-nav {
    -fx-background-color: -secondary-color;
    -fx-pref-width: 60;
    -fx-padding: 10 0;
    -fx-spacing: 8;
    -fx-alignment: center;
    -fx-effect: dropshadow(gaussian, -shadow-color, 5, 0, 1, 0);
}

/* 中间助手列表区 */
.assistants-list {
    -fx-background-color: -background-secondary;
    -fx-pref-width: 280;
    -fx-padding: 0;
    -fx-border-color: -border-color;
    -fx-border-width: 0 1 0 0;
}

/* 助手列表搜索框 */
.search-box {
    -fx-background-color: -background-secondary;
    -fx-padding: 10;
    -fx-border-color: -border-color;
    -fx-border-width: 0 0 1 0;
}

.search-field {
    -fx-background-color: -background-color;
    -fx-background-radius: 20;
    -fx-border-radius: 20;
    -fx-border-color: -border-color;
    -fx-padding: 8 12;
}

.search-field:focused {
    -fx-border-color: -primary-color;
}

/* 分类标签区 */
.tabs-container {
    -fx-padding: 10;
    -fx-spacing: 10;
    -fx-background-color: -background-secondary;
}

.tab-button {
    -fx-padding: 5 10;
    -fx-background-color: transparent;
    -fx-text-fill: -text-color;
    -fx-border-width: 0 0 2 0;
    -fx-cursor: hand;
}

.tab-button:hover {
    -fx-text-fill: -primary-color;
}

.tab-button.active {
    -fx-border-color: -primary-color;
    -fx-text-fill: -primary-color;
    -fx-font-weight: bold;
}

/* 内容区域 */
.content-area {
    -fx-background-color: -background-color;
    -fx-padding: 20;
}

/* 聊天输入区域 */
.input-box {
    -fx-background-color: -background-color;
    -fx-padding: 10;
    -fx-spacing: 10;
    -fx-border-color: -border-color;
    -fx-border-width: 1 0 0 0;
}

.input-textarea {
    -fx-background-color: -background-color;
    -fx-border-color: -border-color;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-padding: 10;
}

.input-textarea:focused {
    -fx-border-color: -primary-color;
}

/* 工具栏 */
.tools-bar {
    -fx-padding: 5 10;
    -fx-spacing: 10;
    -fx-alignment: center-left;
}

/* 工具图标按钮 */
.tool-button {
    -fx-background-color: transparent;
    -fx-padding: 6;
    -fx-cursor: hand;
}

.tool-button:hover {
    -fx-background-color: -secondary-hover;
    -fx-background-radius: 4;
}

/* 助手头像 */
.assistant-avatar {
    -fx-background-radius: 50%;
    -fx-border-radius: 50%;
}

/* 设置面板 */
.settings-panel {
    -fx-background-color: -background-color;
    -fx-padding: 20;
    -fx-spacing: 20;
}

/* 设置卡片 */
.settings-card {
    -fx-background-color: -background-color;
    -fx-border-color: -border-color;
    -fx-border-radius: 10;
    -fx-background-radius: 10;
    -fx-padding: 15;
    -fx-spacing: 10;
    -fx-effect: dropshadow(gaussian, -shadow-color, 5, 0, 0, 1);
}

/* 模型服务项 */
.model-service-item {
    -fx-background-color: -background-color;
    -fx-border-color: -border-color;
    -fx-border-radius: 8;
    -fx-background-radius: 8;
    -fx-padding: 10;
    -fx-spacing: 10;
    -fx-cursor: hand;
}

.model-service-item:hover {
    -fx-background-color: -secondary-color;
}

.model-service-item.selected {
    -fx-border-color: -primary-color;
    -fx-background-color: derive(-primary-color, 90%);
}

/* 创建助手按钮 */
.create-button {
    -fx-background-color: -primary-color;
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-padding: 10 15;
    -fx-background-radius: 20;
    -fx-cursor: hand;
}

.create-button:hover {
    -fx-background-color: -primary-hover;
}

.create-button .graphic {
    -fx-fill: white;
}

/* 状态指示器 */
.status-indicator {
    -fx-background-radius: 5;
    -fx-pref-width: 10;
    -fx-pref-height: 10;
}

.status-indicator.online {
    -fx-background-color: #4caf50;
}

.status-indicator.offline {
    -fx-background-color: #9e9e9e;
}

/* 亮/暗模式切换按钮 */
.theme-toggle {
    -fx-background-color: transparent;
    -fx-padding: 8;
    -fx-cursor: hand;
}

.theme-toggle:hover {
    -fx-background-color: -secondary-hover;
    -fx-background-radius: 50%;
} 